<!--登录加载动画-->
<template>
	<!--  自定义加载-->
	<div class="logining">
		<div class="spinner">
			<div class="spinner1"></div>
		</div>
	</div>
</template>
<script setup></script>
<style scoped>
.logining {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(33, 33, 33, 0.79);
	display: flex;
	align-items: center;
	justify-content: center;
}
.spinner {
	background-image: linear-gradient(rgb(186, 66, 255) 35%, rgb(0, 225, 255));
	width: 100px;
	height: 100px;
	animation: spinning82341 1.7s linear infinite;
	text-align: center;
	border-radius: 50px;
	filter: blur(1px);
	box-shadow:
		0px -5px 20px 0px rgb(186, 66, 255),
		0px 5px 20px 0px rgb(0, 225, 255);
}
.spinner1 {
	background-color: rgb(36, 36, 36);
	width: 100px;
	height: 100px;
	border-radius: 50px;
	filter: blur(10px);
}
@keyframes spinning82341 {
	to {
		transform: rotate(360deg);
	}
}
page {
	padding: 0;
	margin: 0;
	min-height: 500px;
	min-width: 600px;
	user-select: none;
}
</style>
